<template>
  <div class="home">
    <!-- <Header /> -->
    <div class="content" :style="{ backgroundImage: 'url(' + bgImg + ')' }">
      <!-- 内容区域 -->
      <div class="contentHeader">
        <el-row :gutter="20">
          <el-col :span="8">
            <div class="contentHeaderLeft">
              <span class="contentHeaderLeft">承诺·诚信</span>
              <span class="contentHeaderLeft">公平·公开</span>
              <span class="contentHeaderLeft">专注·合作</span>
            </div>
          </el-col>
          <el-col :span="16">
            <div style="display: flex; justify-content: space-between">
              <div></div>
              <div class="contentHeaderRight">
                <div class="contentHeaderRightTitle">股票代码：688362</div>
                <div class="contentHeaderRightTitle">股票简称：甬矽电子</div>
              </div>
            </div>
          </el-col>
        </el-row>
      </div>
      <div v-loading="loading" class="home-loading" element-loading-text="拼命加载中"></div>
    </div>
  </div>
</template>

<script>

export default {
  name: "ExampleComponent",
  data() {
    return {
      sid: '',
      bgImg: '',
      loading: true,
    };
  },
  components: {
  },
  methods: {

  },
  computed: {},
  mounted() {
    const _this = this;
    _this.sid = _this._sid;
    console.log(">>>>>>>>>>>>>>>>>>>>>>>sid" + _this.sid);
  }
};
</script>
<style lang="scss" scoped>
.home {
  .content {
    /* 内容区域样式*/
    background-image: url("../assets/img/bg.png");
    /* 替换为你的背景图片路径*/
    background-size: cover;
    /* 填充整个区域*/
    background-position: center;
    /* 居中对齐*/
    height: calc(105vh - 60px);
    /* 计算视口高度减去顶部高度*/
    padding: 0 0.3333333333333333rem;

    .contentHeader {
      /* margin-top:0.14444444444444443rem;*/
      padding-top: 0.14444444444444443rem;

      .contentHeaderLeft {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .contentHeaderLeft {
          background-image: url("../assets/img/circleju.png");
          /* 替换为你的背景图片路径*/
          background-size: 100% 100%;
          font-family: PingFang SC;
          font-weight: bold;
          font-size: 0.24444444444444444rem;
          color: #2c64df;
          margin-right: 0.2111111111111111rem;
          padding: 0.18888888888888888rem 0.4888888888888889rem;
        }

        .contentHeaderLeft:last-of-type {
          margin-right: 0;
          /* 或者设置为其他你需要的值，或者直接移除这个样式 */
        }
      }

      .contentHeaderRight {
        font-family: PingFang SC;
        font-weight: bold;
        font-size: 0.2222222222222222rem;
        color: #fefefe;
        line-height: 0.3333333333333333rem;
        text-align: left;
      }
    }

    .home-loading {
      margin-top: 20%;
    }
  }
}
</style>
